<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标题标签</title>
</head>
<body>
    <!-- 爬虫的语义认为h1是最重要最关键的，所以h1建议只出现一次，尽量不要重复出现 
        文本标题标签：有自己的大小和间距，自带加粗且独占一行-->
    <h1>第一个标题</h1>
     <!-- 水平线 -->
     <hr>
    <p>这个是段落标签，<br>
        <!-- 段落与段落之间有固定间距 -->
        <b>再加一个加粗标签</b><br>
        <!-- strong更加强调内容，突出文本，更受爬虫语义的喜爱 -->
        <strong>这也是一个加粗标签</strong>
    </p>
    <p>段落标签和br换行标签不一样<br>
        <!-- 换行标签<br>、<br/>都可以 -->
    </p>
    <p>
        <!-- 倾斜标签有两个，em更加常用 -->
        <em>强调文本</em><br>
        <!-- 如果说再来一个加粗，那就是这样子 -->
        <strong><i>倾斜文本</i></strong>
    </p>
    
    <h2>第二个标题</h2>
    <p>
        <!-- 两个文本删除线、下划线、上标sup和下标sub -->
        <!-- 文本删除线<s>不常用，<del>常用 -->
        <!-- &lt;<尖角符号>&lg; -->
        
        <s>&lt;这是一对尖角符号&lg;</s><br> 
        <strong>第二个文本删除线常用</strong><del>&lg;s&lg;</del><br>
        <hr color="pink" width="1200px" align="center">
        <!-- color=====颜色 width=====宽度 align=====对齐方式  noshade=====取消阴影 -->
        
        <U>文本下划线</U><br>
        
        <hr color="green">
        <!-- 上标<sup>和下标<sub>，跟论文里面的引用差不多，起解释说明的作用 -->
        关于柏拉图<sup>{1}</sup>和亚里士多德<sub>{2}</sub><br>
        <sup>{1}</sup>代表的是。。。。。<br>
        <sub>{2}</sub>代表的是。。。。
    </p>
    <h3>第三个标题</h3>
    <h4>第四个标题</h4>
    <h5>第五个标题</h5>
    <h6>第六个标题</h6>    
</body>
</html>